/* CSS Document */ body{margin:0px; padding:0px; font-family:"Microsoft yahei"; color:#333; font-size:12px;overflow-x:hidden;overflow-y:scroll;} .c{clear:both;} .p{padding:10px;} .plr{padding:0px 20px;} .pr{padding-right:30px;} .w{width:100%;} .w1{text-align:center; margin-top:10px;} .w1 a{margin:0px 10px;} .mt{margin-top:20px;} .mt4{margin-top:40px;} .mt_img{margin-top:20px;} .mt_img img{margin-bottom:10px;} .l{float:left;} .r{float:right;} .mt1{margin-top:10px;} *{ margin:0px; padding:0px;} ul,li{ list-style:none;} a:link, a:active, a:visited{ color:#333; text-decoration:none;} a:hover{ color:#FF6600; text-decoration: none;} img,a{ border:none; outline:none;} .tud{ border-left:1px solid #CCCCCC;} .tud td{border-right:1px solid #CCCCCC;} .bgtop{height:36px; background:#f9f9f9; border-bottom:1px solid #ebebeb;} .bgtop_main{width:1240px; height:36px; line-height:36px; margin:0px auto;} .bgtop_main span{float:right;} .bgtop_main span a{margin-left:5px; margin-right:5px;} .bgtop img{margin-left:10px; padding-top:10px;} .Productshow_title1{width:100%; height:38px; background:#efefef; margin-top:10px; font-size:26px; font-weight:bold; line-height:38px; text-indent:15px;} .productList{width:100%; height:38px; background:#efefef; margin-top:10px; font-size:14px; font-weight:bold; line-height:38px; text-indent:15px;} .style2{margin:0px; padding:0px;} .style2 li{width:170px; float:left; margin-bottom:10px;} .style2 li p{ width:170px; height:30px; line-height:36px; text-align:center;} .style2 li img{width:164px; height:80px; padding:2px;border:1px solid #DFDFDF;} .logo{width:1240px; height:125px; margin:0px auto; background:url(../images/logo.png) left center no-repeat;} .search_main{height:50px; background:#f4f4f4; border-bottom:1px solid #e1e1e1;} .search_main1{width:1240px; margin:0px auto; height:50px; line-height:50px;} .search_main1 font{color:red; font-weight:bold;} .search{width:238px; float:right; margin-top:10px; background:url(../images/search.png) left center no-repeat; height:30px;} .search .inp1{width:193px; float:left; height:30px; line-height:30px; border:none; background:none; outline:none; padding-left:5px; color:#666666;} .search .inp2{width:39px; height:30px; float:right;} .top_main{height:48px; background:url(../images/topbg.png) repeat-x;} .main_top{width:1240px; height:48px; line-height:48px; margin:0px auto;} .top{ margin:0px; padding:0px;} .top li{height:48px; float:left; width:177px; line-height:48px; text-align:center; list-style:none; background:url(../images/mid.png) right no-repeat;} .top li a{ width:177px; height:48px; display:block; color:white; font-weight:bold; font-size:14px;outline:none;} .top li:hover,.top li a:hover{ background:url(../images/tophover.png) repeat-x;} .lee dt a{color:red!important; } .index_p_title{ } .index_p_title1{ } .title{height:30px; line-height:30px; border-bottom:1px solid #d8d9d8; color:#0f64ab; font-size:18px;} .title span{ float:right; font-size:14px;} .title10{width:100%; height:38px; line-height:38px;font-size:18px; text-transform:uppercase; border-bottom:1px solid #DFDFDF; } .title10 span{float:right; margin-top:15px; margin-right:10px; } .title10 font{ margin-right:10px;font-size:18px; border-bottom:2px solid #0069a9; padding:5px 0px;} .title2{width:100%; height:42px; line-height:36px; background:url(../images/title2.png) left no-repeat; font-size:14px; text-indent:20px; color:#FFFFFF; font-weight:bold;} .title2 span{float:right; margin-top:13px; margin-right:10px;} .title_mod{width:100%; height:50px; background:url(../images/mod.png) repeat-x;} .title_mod_main{width:980px; height:42px; line-height:42px; margin:0px auto;} .title_mod span{font-weight:bold; color:#0071e1;} .title_right font{background:#272444; padding:10px 15px; color:#FFFFFF; font-size:14px;} .index_left{width:230px; float:left;} .index_right{width:710px; float:right;} .index_main{padding-bottom:20px; padding-top:20px; background:#f4f4f4;} .index_left1{width:230px; float:left; } .index_left2{width:980px; float:right; } .index_left3{width:874px; float:left; } .index_left4{width:328px; float:right; } .index_title22{height:50px; background:url(../images/title.png) left center no-repeat; line-height:50px; color:white; text-indent:20px; font-size:18px; font-weight:bold;} .index_title22 span{float:right; margin-right:20px;} .index_bg1{height:201px; background:url(../images/p1.jpg) no-repeat;} .index_bg2{height:201px; background:url(../images/p2.jpg) no-repeat;} .index_bg3{height:201px; background:url(../images/p3.jpg) no-repeat;} .index_title1{height:38px; background:url(../images/textbg.png) bottom repeat-x; line-height:38px; text-align:center; font-size:18px; padding-top:163px;} .index_title1 a{color:white; } .index_title1 a:hover{color:#fc0; } .index_title20{height:41px; background:url(../images/textbg1.png) no-repeat; line-height:41px; text-indent:50px ; font-size:18px; } .index_title20 a{color:white; } .index_title20 a:hover{color:#fc0; } .hb-product{overflow:hidden;width:874px; float:left;} .hb-product p{height:30px; line-height:30px;} .hb-producttd td{padding:8px 11px;} .hb-producttd img{border:1px solid #DDD; padding:2px; width:200px; height:130px;} .run{overflow:hidden; width:980px; margin:10px auto;} .run_p td{padding:6px;} .run_p p{ margin-top:10px; line-height:20px;} .run_p{WIDTH:1000px; BORDER-COLLAPSE: collapse;display:inline;} .run_p img{padding:2px; border:1px solid #CCCCCC;} .bannerBox img{ width: 100%; } .index_hot{margin-top:10px; padding:0px;} .index_hot li{width:185px; float:left; border-bottom:1px dotted #d1d1d1; background:url(../images/dian.png) left center no-repeat; height:36px; line-height:36px; text-indent:15px;} .index_hot2{margin-top:10px; padding:0px;} .index_hot2 li{width:100%; border-bottom:1px dotted #d1d1d1; background:url(../images/dian.png) left center no-repeat; height:36px; line-height:36px; text-indent:15px;} .index_jc{margin-top:10px; padding:0px;} .index_jc li{width:165px;} .index_jc li p{height:30px; line-height:30px; text-align:center;} .run_p2mian{padding-top:30px; padding-bottom:30px; background:#efefef;} .run_p2mian2{overflow:hidden; width:980px; margin:20px auto;} .run_p2 td{padding:0px 6px;} .run_p2 p{line-height:30px; height:30px; text-align:center; } .run_p2{WIDTH:980px; BORDER-COLLAPSE: collapse;display:inline;} .run_p2 img{ width:66px; height:66px;} .project{width:100%; margin-top:20px;} .project p{padding-right:10px;} .project_t{width:100%; height:32px; line-height:32px; font-size:14px; font-weight:bold; color:#007dc0; border-bottom:1px dotted #CCCCCC; margin-bottom:10px;} .project_l{widows:200px; float:left;} .project_l img{padding:2px; border:1px solid #CCCCCC;} .project_r{width:520px; float:right;} .project_l1{width:205px; float:left;} .project_r1{width:530px; float:right;} .index_about{width:620px; float:left; background:#00ae4c; height:450px;} .index_about_content{margin-top:20px; color:white; line-height:24px; font-size:14px;} .index_about_right{width:620px; float:right;} .p5{padding:50px;} .index_contact{border:1px solid #CCCCCC; line-height:22px;} .index_contact p{margin-top:10px; margin-bottom:5px;font-weight:bold; font-size:14px;} .index_contact span{color:#fe0000; font-family:'Times New Roman', Times, serif; font-size:16px;} .index_right_about{width:100%; height:187px;} .index_right_p{margin-top:10px; padding:0px;} .index_right_p li{width:168px; float:left; margin-bottom:10px; margin-right:19px;} .index_right_p li img{ width:166px; height:133px;border:1px solid #e4e4e4;} .index_right_p li p{text-align:center; height:30px; line-height:30px;} .Index_news_main{width:100%; height:330px; margin-top:30px;} .Index_news_left{width:147px; float:left;} .Index_news_mid{width:100%; margin-top:10px;} .Index_news_mid_l{width:177px; float:left;} .Index_news_top{width:100%; height:35px; font-size:16px; font-weight:bold; line-height:35px; background:url(../images/title.jpg) no-repeat; text-indent:10px;} .Index_news_top font{font-weight:normal; color:#999999; text-transform:uppercase; margin-left:5px;} .Index_news_top span{float:right; margin-top:10px; margin-right:10px;} .Index_news_right{width:440px; float:right;} .Index_news_right .pt1{height:20px; font-weight:bold;} .Index_news_right .pt2{line-height:24px;} .Index_news_right .pt3 a{color:#2581df;} .news_right1{width:330px; float:right;} .I_n_1{width:315px; float:left;} .I_n_2{width:315px; float:left; margin-left:18px;} .I_n_3{width:315px; float:right;} .I_D_1{width:622px; float:left;} .I_D_2{width:31px; float:left; background:url(../images/index_mid.png) center center no-repeat; height:280px;} .I_D_3{width:327px; float:right;} .I_N1{width:91px; height:74px; float:left;} .I_N1 img{padding:1px; border:1px solid #CCCCCC;} .I_N2{width:224px; height:74px; float:right;} .I_N2 p{font-weight:bold;} .I_N2 div{line-height:22px;} .products_form table{margin-top:20px; margin-bottom:20px;} .products_form td{ padding:5px;} .products_form label{color:red; margin-left:10px;} .products_form .inputBorder{border:1px solid #DFDFDF; width:300px; height:24px; line-height:24px; padding-left:5px; background:none;} .products_form textarea{background:none; border:1px solid #DFDFDF; height:50px; width:300px; overflow:hidden; padding:5px;} .Index_news{margin-top:10px; padding:0px;} .Index_news li{width:410px; height:44px; line-height:44px; margin-right:20px;border-bottom:1px dotted #CCCCCC; background:url(../images/dian.png) left center no-repeat; text-indent:10px;} .Index_news li span{ float:right;} .index_p_main{width:225px; height:591px; float:left; } .index_p_main_title{height:50px; background:url(../images/plist.png) no-repeat; text-align:center; line-height:50px; color:white; font-size:20px;} .index_p_main1{width:728px; height:591px; float:right;} .index_p{margin:0px; padding:10px; background:url(../images/plistbg.png);} .index_p li{height:38px; line-height:38px; background:#FFFFFF; margin-bottom:11px; text-align:center;} .index_p li a{ font-size:14px; height:38px; line-height:38px; display:block;} .index_p li a:hover{ font-weight:bold; background:#ED7F06; color:white;} .index_tel{text-align:center; background:#d62020; padding-top:20px; font-size:16px; padding-bottom:20px; color:white;} .index_tel font{font-size:24px;} .prid{margin:0px; padding:10px; border:1px solid #CCCCCC;} .prid li{height:36px; line-height:36px; border-bottom:1px dotted #CCCCCC;} .fot1{border-radius: 50px;color: white; margin-right: 5px;margin-left: 5px;padding: 1px 6px; background:red;} .fot2{border-radius: 50px;color: white; margin-right: 5px;margin-left: 5px;padding: 1px 6px; background:#999999;} .index_p10{ margin:0px; padding:0px; padding-top:7px;} .index_p10 li{ width:227px; float:left; margin-right:18px;} .index_p10 li img{width:219px; height:209px; border:1px solid #e8e8e8; padding:3px;} .ptit{width:219px; margin:0px auto; height:44px; background:#00ae4c; position:relative; bottom:48px; line-height:44px; text-align:center; z-index:9;} .index_p10 li a{color:white;} .ptit:hover{background:#EE7F09;} .index_p11{margin:0px; padding-bottom:10px; background:#f4f4f4;} .index_p11 li{height:30px; line-height:30px; width:100%; background:none; } .index_p11 li a{ height:30px; line-height:30px; color:#333333; font-size:12px;} .index_p11 li a:hover{color:#f60;} .index_p11 .Ptitle{float:right; width:103px; height:103px; margin:10px 5px 10px 0px; } .mailto{width:137px; height:121px; margin:0px auto;} .mailto a{width:137px; height:121px; display:block;background:url(../images/elogin.jpg) no-repeat;} .mailto a:hover{background:url(../images/elogin1.jpg) no-repeat;} .banner{background:url(../images/banner.jpg) center center no-repeat; height:428px;} .banner_main{width:980px; height:428px; margin:0px auto;} .banner_flash{width:330px; height:428px;} .keywords{height:41px; background:url(../images/keybg.png) repeat-x;} .keywords_content{width:980px; height:41px; line-height:41px; margin:0px auto;} .index_fo_main{width:100%; height:212px; background:#0085dc;} .index_fo_main1{width:980px; margin:0px auto; background:url(../images/bottom_bg.png) right 30px no-repeat;} .index_fo{width:980px; height:174px; margin:0px auto;} .index_fo_left1{width:220px; height:174px; float:left; background:url(../images/logo2.png) right center no-repeat;} .index_fo_left2{width:480px; padding-top:30px; float:left; margin-left:30px; line-height:30px; color:#666666;} .index_fo_left3{width:100px; height:174px; float:left; background:url(../images/er.png) left center no-repeat;} .index_foot_main{padding-top:40px; padding-bottom:35px; background:url(../images/bottombg.png);} .index_foot{width:1240px; margin:0px auto; background:url(../images/logo1.png) left center no-repeat; height:140px;} .index_foot_l{margin-left:340px; height:140px; background:url(../images/er.png) right center no-repeat; color:white; line-height:30px;} .index_foot_l a{color:white;} .index_foot_l a:hover{color:#ffcc00;} .index_foot_r{width:910px; padding-left:30px; float:right; background:url(../images/bottom_mid.png) left repeat-y; line-height:24px; color:white;} .index_foot_r a{color:white;} .index_foot_r a:hover{color:#fc0;} .index_foot_r p{height:30px; line-height:30px; border-bottom:1px dotted #CCCCCC;} .index_foot_r_copyright{line-height:24px; height:150px; color:white; font-size:12px; padding-left:150px;} .index_foot1{margin:0px; padding:0px;} .index_foot1 li{width:130px; float:left;} .index_foot2_title{font-size:16px; color:white; font-weight:bold; height:24px;} .index_foot2{ margin-top:10px;padding:0px;} .index_foot2 li{height:24px; line-height:24px;} .index_foot2 a{color:#fff; font-size:12px;} .index_foot2 a:hover{color:#ffcc00; font-size:12px;} .index_foot2 a:hover{color:#ffcc00;} .index_friend{width:980px; margin:30px auto; background:url(../images/link.png) left center no-repeat;} .index_friend_c{padding-left:140px; line-height:24px;} .Index_bottom{width:980px; margin:0px auto; padding-top:20px; padding-bottom:20px;} .Index_bottom_1{width:130px; height:120px; float:left;} .Index_bottom_2{width:840px; float:left; height:120px; line-height:26px; padding-top:6px;} #CSSBox{width:680px; margin:20px auto 0px auto;overflow:hidden;background-color:#ffffff; } #CSSBox ul li{ float:left; list-style:none; border:0px solid red; margin:0px 4px;} #CSSBox ul li img{ padding:2px; border:1px solid #CCCCCC;} #CSSBox ul li span{ display:block; text-align:center; font-size:12px; margin-top:10px;} #CSSBox1{width:980px; margin:20px auto 0px auto;overflow:hidden;background-color:#ffffff; } #CSSBox1 ul li{ float:left; list-style:none; border:0px solid red; margin:0px 11px;} #CSSBox1 ul li img{ padding:2px; border:1px solid #CCCCCC;} #CSSBox1 ul li span{ display:block; text-align:center; font-size:12px; margin-top:10px;} #main{width:1240px; margin:20px auto;} #main4{width:980px; margin:10px auto;} #mind1{width:100%; height:316px;} #mind1_contact{text-align:center; font-size:18px; font-weight:bold; color:white; height:30px; line-height:30px;} .d1{margin-top:20px; color:white; font-size:16px;} .d2{line-height:26px; text-align:left; padding:8px;color:white;} .mind1_l1{width:683px; float:left;} .mind1_l2{width:270px; float:right; height:423px; background:#0086dc; text-align:center;} .mind1_l20{width:270px; float:right; } .mind1_l3{width:316px; height:316px; float:right;background:#FFFFFF;} .a1{width:100%; line-height:24px; margin-top:10px;} .a1 p{ color:red; height:34px; font-size:22px;} .a1 img{float:left; margin-right:20px;} .a1_left{width:730px; height:334px; float:left;} .a1_right{width:204px; height:334px; float:right;} .a2{padding:20px; background:#f0f0f0;} .a2 p{text-align:center; font-size:18px; margin-top:10px;} .c1{width:100%; height:294px; line-height:24px; margin-top:10px;} .c1 img{float:left; margin-right:20px;} .cc{width:100%; height:225px; margin-top:20px;} .cc_c{width:100%; height:377px;} .cc_c_l1{width:374px; height:377px; float:left;} .cc_c_l1_c{width:350px;} .cc_c_l1_p{margin-top:20px;} .cc_c_l2{width:302px; height:377px; float:left; background:url(../images/newmid.png) left center no-repeat;} .cc_c_l2_p{padding-left:20px; padding-right:20px;} .cc_c_l3{width:304px; height:377px; float:right;background:url(../images/newmid.png) left center no-repeat;} .cc_c_l3_p{margin-top:24px;} .left_P{margin:0px; padding:0px; } .left_P li{width:100%; font-size:12px; height:30px; line-height:30px;} .left_P li font{padding:1px 6px; -moz-border-radius: 50px; /* Firefox */ -webkit-border-radius: 50px; /* Safari 和 Chrome */ border-radius: 50px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */ behavior: url(ie-css3.htc); /* 通知IE浏览器调用脚本作用于'box'类 */ color:white; font-size:12px; margin-right:5px; margin-left:5px;} .leftfont1{background:#e07900;} .leftfont2{background:#CCCCCC;} .left_P1{ width:100%;} .left_P1 img{padding:2px; border:1px solid #DFDFDF;} .left_P3{font-size:12px; height:30px; text-align:center; line-height:30px;} .productshow{width:600px; float:right; margin-left:15px; line-height:26px;} .productshow p{line-height:36px;} .productshow img{ margin-top:20px;} .productshow_title{ color:#ff0000;font-size:26px; line-height:24px; } .productshow_title1{ color:#333;font-size:14px; line-height:24px; padding-top:10px;} .productshow_title font{ color:#0069a9;} .productstel{color:#1368af; font-size:18px; font-weight:bold; margin-top:10px; margin-bottom:10px;} .productsDownload{width:100%; height:38px;background:#e9e9e9; margin-top:10px; font-size:14px; font-weight:bold; color:#fff; line-height:38px; } .productsDownload font{ background:#e07900; padding:9px 20px;} .news_nav{clear:both; margin-top:20px; text-align:center; margin-bottom:20px;} .news_nav a{padding:5px 10px; margin-right:10px; background:#e0e0e0;} .news_nav a:hover{ background:#0B64BA; color:#fff;} .news_nav_cl{background:#0B64BA!important; color:#fff!important;} .copyright{padding-top:20px; padding-bottom:20px; background:#464646; text-align:center; line-height:24px; color:white;} .copyright a{color:white;} .copyright a:hover{color:#fc0;} .index_title2{height:38px; line-height:38px; border-bottom:4px solid #bbbbbb; font-size:18px; } .index_title2 font{ border-bottom:4px solid #0193dc; padding-bottom:7px;} .index_title2 span{float:right; margin-right:10px; } .index_title2 .divr{width:41px; height:41px; float:left; background:url(../images/title_right.png) no-repeat;} .About_title{height:58px; line-height:58px; background:url(../images/index_ptitle.png) no-repeat; font-size:24px; color:white; text-indent:50px;} .About_title2{height:50px; line-height:50px; background:url(../images/title_bg.png) left bottom repeat-x; font-size:18px;} .About_title2 span{float:right; font-size:14px; margin-right:10px; color:#333;;} .About_title2 font{float:left; background:url(../images/title.png) no-repeat; padding-left:20px; color:white; padding-right:20px;} .About_title2 a{ color:#333;} .About_title2 a:hover{ color:#f60;} .About_title2 .divr{width:23px; height:54px; float:left; background:url(../images/title_right.png) no-repeat;} .About_title3{width:100%; height:40px; background:#2581df url(../images/left2.png) 10px center no-repeat; line-height:40px; color:white; font-size:16px; text-indent:25px;} .About_title4{width:100%; height:40px; background:#e07900 url(../images/left3.png) 10px center no-repeat; line-height:40px; color:white; font-size:16px; text-indent:35px;} .About_contact{ border:1px solid #CCCCCC;line-height:24px; padding:10px; border-top:none;} .About_contact5{ padding-top:10px;} .About_contact strong{color:#333;} .About_contact1{ padding:10px 9px; border:1px solid #CCCCCC; line-height:24px;} .About_contact10{ padding:10px 9px; background:#f4f4f4; line-height:24px;} .About_contact10 img{margin-bottom:10px;} .About_contact2{line-height:24px; padding:10px 0px; } .About_contact3{padding-top:10px; } .About_contact4{line-height:24px; } .About_contact5{ padding:10px; background:#f4f4f4; line-height:24px;} .AboutLi{ margin:0px; padding:0px; background:#f1f1f1;} .AboutLi li{height:46px; line-height:46px; background:url(../images/pt_left2.png) 20px center no-repeat; text-indent:30px; border-bottom:1px dotted #cecece;} .AboutLi li a{ font-size:14px; height:46px; line-height:46px; display:block; } .AboutLi li:hover,.AboutLi li a:hover{ font-weight:bold; color:#2581df;} .cd a{color:#ff0000;font-weight:bold; } .ed a{color:#CC3300 !important; font-weight:bold;} .about_c{width:226px; line-height:24px; padding-top:10px;} .AboutLi_new{ margin:0px; padding:10px; border:1px solid #DFDFDF; border-top:none;} .AboutLi_new li{width:100%; line-height:30px; height:30px; background: url(../images/dian.png) 0px center no-repeat; border-bottom:1px dashed #DFDFDF;} .AboutLi_new li a{ padding-left:10px;line-height:30px; height:30px; font-size:12px;display:block; } .AboutLi_new li:hover,.AboutLi_new li a:hover{ font-weight:bold; color:#f16400;} .about_left{width:230px; float:left;} .about_right{width:980px; float:right;} .case1{margin-top:10px; padding:0px; margin-left:15px; width:100%;} .case1 li{width:190px; height:30px; line-height:30px; float:left; text-align:left;} .case1 li a{width:190px; height:30px; line-height:30px; display:block;} .ca1{ font-weight:bold;} .ca1 a{color:#da251d !important; } .case2{margin-top:10px; padding:0px; margin-left:15px;} .case2 li{; margin-right:15px; background:#FFFFFF; border:1px solid #CCCCCC; float:left;} .case2 li a{display:block;padding:10px} .case2 li:hover,.case2 li a:hover{background:#333333; color:#FFFFFF;} .ca2{background:#333333 !important;} .ca2 a{ color:#FFFFFF !important;} .case3{width:230px; height:350px; float:left; margin-right:10px;} .case3_main{width:230px; height:260px; border:1px solid #CCCCCC; padding:5px; line-height:30px; text-align:center;} .case3_p1{font-size:14px; margin-top:10px;} .case3_p2{height:20px; width:100px; line-height:20px; background:url(../images/view.png) left center no-repeat; float:left;} .case3_p3{height:20px; width:100px; line-height:20px; background:url(../images/web.png) left center no-repeat; float:left;} .service_title{width:100%; margin-top:20px; height:30px; font-weight:bold; line-height:26px; font-size:18px; color:#da241d; } .newslist li{padding:5px 0px;border-bottom:1px dotted #ccc;clear:both; background:url(../images/dian.png) left center no-repeat; text-indent:10px;} .newslist li a{} .newslist li span{float:right;padding-right:4px;color:#333;} .newslist2{margin:0px; padding:0px;} .newslist2 li{ padding-bottom:20px; } .newslist2 li img{width:150px; height:100px; padding:2px; border:1px solid #dfdfdf;} .newslist2 li p{ color:#888888;} .newslist2 li p a{ font-weight:bold; color:#333; font-size:14px;} .newslist2 li p a:hover{ font-weight:bold; color:#ff0000; font-size:14px;} .newslist2 .L_new{width:160px; height:110px; float:left;} .newslist2 .R_new{width:800px; float:right;} .title1{text-align:center;line-height:40px;font-size:16px;font-weight:bold; color:#0A4D8C;} .title2{text-align:center;line-height:24px;font-size:12px;border-bottom:1px dotted #888;} .newsbody{margin:0px 0px;line-height:22px; } .newsauthor{text-align:right;line-height:24px;font-size:12px;padding-right:20px;border-bottom:1px dotted #ccc;margin-bottom:10px;} .newsmore{line-height:22px;font-size:12px; background:url(../images/dl_pic01.jpg) left center no-repeat; } .title101{text-align:center; padding-bottom:20px; padding-top:20px;font-weight:bold; font-size:26px; border-bottom:1px solid #dedede;} .title20{text-align:center;line-height:24px;font-size:12px;border-bottom:1px dotted #888;} .newsbody0{ padding-bottom:20px; margin-bottom:20px;line-height:22px; border-bottom:1px solid #dedede;} .newsauthor0{line-height:24px;font-size:12px;border-bottom:1px solid #dedede;margin-bottom:20px; color:#888888;} .newsauthor0 span{float:right;} .newsmore0{line-height:22px;font-size:12px; } .newsmore0 a{color:#0193dc;} .newsmore0 a:hover{color:#f60;} #ProductList{width:100%;} .P_tttttt{width:100%; height:30px; line-height:16px; text-align:center; padding-top:5px;} .P_lll{width:220px; float:left; margin-right:15px; display:inline;} .P_lll img{width:210px; height:170px; padding:4px;border:1px solid #e4e4e4;} .P_lll_t{width:100%; line-height:20px; text-align:center; padding-top:5px; padding-bottom:15px;} .P_rrr{width:220px;float:right;display:inline; margin-right:5px;} .P_rrr img{width:210px; height:170px;padding:4px;border:1px solid #e4e4e4;} .P_lll9{width:230px; float:left; margin-right:18px; display:inline;} .P_lll9 img{width:220px; height:250px; padding:4px; border:1px solid #CCCCCC;} .P_lll9_t{width:100%; line-height:20px; text-align:center; padding-top:5px; padding-bottom:15px;} .P_rrr9{width:230px; float:right;display:inline;} .P_rrr9 img{width:220px; height:250px;padding:4px; border:1px solid #CCCCCC;} .P_lll90{width:230px; float:left; margin-right:15px; display:inline;} .P_lll90 img{width:220px; height:165px; padding:4px; border:1px solid #CCCCCC;} .P_lll90_t{width:100%; line-height:20px; text-align:center; padding-top:5px; padding-bottom:15px;} .P_rrr90{width:230px; float:right;display:inline;} .P_rrr90 img{width:220px; height:165px;padding:4px; border:1px solid #CCCCCC;} .P_lll92{width:170px; float:left; margin-right:20px; display:inline;} .P_lll92 img{width:160px; height:210px; padding:4px; border:1px solid #CCCCCC;} .P_lll92_t{width:100%; line-height:20px; text-align:center; padding-top:5px; padding-bottom:15px;} .P_lll92_t a{font-size:12px;} .P_rrr92{width:170px; float:right;display:inline;} .P_rrr92 img{width:160px; height:210px;padding:4px; border:1px solid #CCCCCC;} .pline{margin:0px; padding:0px;} .pline li{width:100%; background:url(../images/pbottom.jpg) center bottom no-repeat; padding-top:10px; padding-bottom:10px; height:150px;} .pline .pline_left{width:160px; float:left;} .pline .pline_left img{padding:2px; border:1px solid #CCCCCC; width:141px; height:118px;} .pline .pline_right{width:580px; float:right;} .pline .pline_title{font-size:16px; font-weight:bold;} .pline .pline_title a{ color:#1368af;} .pline .pline_title a:hover{ color:#f60;} .pline .pline_content{font-size:14px; line-height:24px; margin-bottom:10px;} .nline{margin:0px; padding:0px;} .nline li{width:100%; border-bottom:1px dotted #CCCCCC; padding-top:20px; padding-bottom:20px;} .nline .nline_left{width:160px; float:left;} .nline .nline_left img{padding:2px; border:1px solid #CCCCCC; width:157px; height:116px;} .nline .nline_right{width:570px; float:right;} .nline .nline_title{font-size:16px; font-weight:bold;} .nline .nline_date{color:#1368af; font-size:14px; } .nline .nline_date a{ color:#1368af;} .nline .nline_date a:hover{ color:#f60;} .nline .nline_content{font-size:14px; line-height:24px; color:#666666;} #ProductList .item{ margin:5px 5px; float:left; text-align:center;} #ProductList .item h4{ font-size:12px; line-height:24px;} #ProductList p{padding:0px;margin:0px;} #ProductList .imgtab{width:150px;height:120px;} #ProductList .imgtd{width:160px;height:130px;} #ProductList .nav{ width:100%; height:30px; line-height:30px;line-height:30px; padding:0; margin:0;} .product_title{width:100%; padding:10px 0px; margin:0 auto;line-height:24px; overflow:hidden; border-bottom:1px dotted #CCCCCC;} .product_title img{border:1px solid #ccc; padding:2px; margin-right:10px;} .product_title a{font-weight:bold; font-size:14px; color:#0495f2;} .product_title a:hover{color:#ff4400;} .news_left{width:600px; float:left;} .news_li{width:100%; height:34px; line-height:34px; font-size:14px; font-weight:bold; text-indent:10px; background:#c9c9c9;} .news_span{float:right; margin-right:10px; font-weight:normal; font-size:12px;} .news_contact{padding:10px; height:70px;} .news_right{width:334px; height:636px; float:right;} .solution{margin:0px; padding:0px;} .solution li{width:280px; height:200px; float:left; text-align:center; margin:20px 15px; background:url(../images/custormer.png) left top no-repeat;} .solu{padding:10px; line-height:40px; font-size:14px; font-weight:bold; color:#333;} .solut{width:400px; height:40px; margin:20px auto;} .solut_left{width:150px; height:40px; font-size:16px; background:url(../images/left1.png) left center no-repeat; line-height:40px; float:left; text-indent:46px;} .solut_left a{color:#666} .solut_right{width:150px; height:40px; line-height:40px; font-size:16px; float:right; background:url(../images/right1.png) left center no-repeat; text-indent:46px;} .solut_right a{ color:#666;} /*Banner1*/ .mainbanner{height:400px;overflow:hidden; position:relative; margin-top:1px;} .mainbanner_window{left:50%;width:2000px;height:400px;overflow:hidden;margin-left:-1000px;position:absolute;} .mainbanner_window ul{width:999999px;height:461px;position:relative;} .mainbanner_window li{background:rgb(255, 255, 255);width:2000px;height:400px;text-align:center;font-size:0px;float:left;display:inline;} .mainbanner_list{left:50%;top:355px;width:500px;height:30px;margin-left:-30px;position:absolute; z-index:999;} .mainbanner_list li{width:30px;height:30px;overflow:hidden;float:left;display:inline;} .mainbanner_list a{background:url(../images/50.png) no-repeat;width:17px;height:17px;line-height:17px;overflow:hidden;text-align:center;color:rgb(255, 255, 255);font-size:12px;font-weight:700;float:left;display:inline-block;} .mainbanner_list li.active a{background-position:0 -17px;text-decoration:none;} .mainbanner_list li a:hover{background-position:0 -17px;text-decoration:none;} /*End*/ .Index_new_main{width:350px; float:left; height:380px; background:url(../images/mid.jpg) right top no-repeat;} .Index_new1{width:350px; float:left; background:url(../images/mid.jpg) right top no-repeat;} .Index_new2{width:350px; float:left; margin-left:20px;background:url(../images/mid.jpg) right top no-repeat;} .Index_new3{width:250px; float:right;} .Index_new_img{width:307px; height:119px;} .Index_new{margin:0px; padding:0px;} .Index_new li{width:100%; height:76px; padding-bottom:15px;border-bottom:1px dotted #CCCCCC; margin-top:15px;} .Index_new li a{ width:100%; display:block; } .Index_new li a:hover{} .Index_new li span{float:right;} .Index_new_l{width:110px; height:76px; float:left;} .Index_new_r{width:200px; float:right; font-size:14px; line-height:18px;} .Index_new_r p{margin-top:10px;} .Index_new10{margin:0px; padding:0px; } .Index_new10 li{width:100%; border-bottom:1px dotted #CCCCCC; padding-top:8px; padding-bottom:10px; font-size:12px;} .Index_new10 li .Ntile{background:url(../images/q.png) left center no-repeat; height:38px; line-height:38px; text-indent:40px; font-weight:bold;} .Index_new10 li .Ncontent{background:url(../images/a.png) left top no-repeat; line-height:24px; padding-left:40px;} .Index_Friend_content{width:1240px; height:66px; line-height:66px; margin:0px auto; } .Index_Friend_content font{ font-size:18px; color:red; font-weight:bold;} .Index_Friend_content a{margin-left:10px;} /*Banner2*/ /*#slide-box {MARGIN: 0px auto; WIDTH: 450px;POSITION: relative; HEIGHT: 300px;TEXT-ALIGN:center; margin-top:10px;} #slide-box .slide-content { margin-left:25px;} #slide-box .ks-switchable-triggers A {DISPLAY: block; Z-INDEX: 99; WIDTH: 37px; COLOR: #b4b4b4; POSITION: absolute; TOP: 145px; HEIGHT: 65px; TEXT-DECORATION: none;} #slide-box .ks-switchable-triggers SPAN {DISPLAY: block; FONT: 700 53px/57px arial; WIDTH: 37px; CURSOR: pointer; HEIGHT: 63px; TEXT-ALIGN: center} #slide-box .ks-switchable-triggers .corner {BORDER-LEFT-COLOR: #4b4b4b; BORDER-BOTTOM-COLOR: #4b4b4b; BORDER-TOP-COLOR: #4b4b4b; BORDER-RIGHT-COLOR: #4b4b4b} #slide-box .ks-switchable-triggers .prev {LEFT: -15px} #slide-box .ks-switchable-triggers .next {RIGHT: -15px} #slide-box .ks-switchable-triggers A:hover {COLOR: #f43d1e} #slide-box .ks-switchable-triggers A:hover SPAN {COLOR: #f43d1e} #slide-box .slide-content { PADDING:10px} #slide-box .wrap {OVERFLOW: hidden; WIDTH: 381px; HEIGHT: 275px} #slide-box UL {margin:0;padding:0; WIDTH: 10000px} #slide-box LI { FLOAT: left; WIDTH: 381px; HEIGHT: 275px} #slide-box LI IMG { WIDTH: 375px; HEIGHT: 275px; border:1px solid #CCCCCC; padding:2px; background:#FFFFFF;}*/ /*End*/ .xiaoqu{width:100%; height:460px; background:#f0f0f0;} .xiaoqu1{width:478px; } .xiaoqu2{width:478px; height:380px; float:right; background:#eaeaea;} .xiaoqu_txt{height:40px; line-height:40px; text-align:center; font-size:18px; } #slide-box {MARGIN: 0px auto; WIDTH: 300px;POSITION: relative; HEIGHT: 411px;TEXT-ALIGN:center;} #slide-box .slide-content { width:300px; margin:0px auto;} #slide-box .ks-switchable-triggers A { DISPLAY: block; Z-INDEX: 99; WIDTH: 20px; POSITION: absolute; TOP: 100px; HEIGHT: 67px; TEXT-DECORATION: none} #slide-box .ks-switchable-triggers SPAN { DISPLAY: block; FONT: 700 53px/57px arial; WIDTH: 20px; CURSOR: pointer; HEIGHT: 63px; TEXT-ALIGN: center} #slide-box .ks-switchable-triggers .corner {} #slide-box .ks-switchable-triggers .prev {LEFT: -10px;} #slide-box .ks-switchable-triggers .next {RIGHT: -10px;} #slide-box .ks-switchable-triggers A:hover {} #slide-box .ks-switchable-triggers A:hover SPAN {} #slide-box .slide-content {PADDING:20px 0px;} #slide-box .wrap {OVERFLOW: hidden; WIDTH: 300px; HEIGHT: 430px;} #slide-box UL {margin:0;padding:0;WIDTH: 10000px;} #slide-box LI {FLOAT: left; WIDTH: 300px; HEIGHT: 430px;} #slide-box LI IMG {WIDTH: 288px; HEIGHT: 415px;BORDER:0; } #GuestBook {margin:auto !important; margin:auto 0; line-height:25px; width:730px; height:auto; padding-top:8px;} #GuestBook .msgform thead td{padding-left:10px;border-bottom:1px dotted #666;font-weight:bold;} #GuestBook .msgform td{padding:3px;} #GuestBook .wd2{font-family:Wingdings 2;} #GuestBook .textinp{line-height:22px; border:0; height:22px; border:1px solid #CCC; text-indent:1px;} #GuestBook .textarea{border:0; border:1px solid #CCC;} #GuestBook .guesttitle{text-align:right;padding-right:6px;width:160px;} #GuestBook .subBox{ text-align:center;} #CSSBox5{float:left;width:280px;height:120px; margin:0px auto; overflow:hidden;} #CSSBox5 ul li{ float:left; list-style:none; border:0px solid red; margin:10px 5px;} #CSSBox5 ul li span{ display:block; text-align:center; font-size:12px;} #LeftButton{cursor:hand;margin:3px;height:76px;width:16px;float:left;background:url(../images/left1.png) center center no-repeat;} #RightButton{cursor:hand;margin:3px;height:76px;width:16px;float:left;background:url(../images/right.png) center center no-repeat;} #zoom_div img{border:1px solid #c0c0c0; padding:2px;} .preview{width:360px; float:left;} /* smallImg */ .smallImg{position:relative; height:52px; margin-top:1px; padding:6px 5px; width:320px; overflow:hidden;float:left;} .scrollbutton{width:14px; height:50px; overflow:hidden; position:relative; float:left; cursor:pointer; } .scrollbutton.smallImgUp , .scrollbutton.smallImgUp.disabled{background:url(../images/d_08.png) no-repeat;} .scrollbutton.smallImgDown , .scrollbutton.smallImgDown.disabled{background:url(../images/d_09.png) no-repeat; margin-left:310px; margin-top:-50px;} #imageMenu {height:50px; width:300px; overflow:hidden; margin-left:0; float:left;} #imageMenu li {height:50px; width:60px; overflow:hidden; float:left; text-align:center;} #imageMenu li img{width:50px; height:50px;cursor:pointer; } #imageMenu li#onlickImg img, #imageMenu li:hover img{ width:44px; height:44px; border:3px solid #959595;} /* bigImg */ .bigImg{position:relative; float:left; width:326px; height:220px; overflow:hidden;} .bigImg #midimg{width:320px; height:210px;padding:2px; border:1px solid #CCCCCC;} .bigImg #winSelector{width:200px; height:200px;} #winSelector{position:absolute; cursor:crosshair; filter:alpha(opacity=15); -moz-opacity:0.15; opacity:0.15; background-color:#000; border:1px solid #fff;} /* bigView */ #bigView{position:absolute;border: 1px solid #959595; overflow: hidden; z-index:999;} #bigView img{position:absolute;} .home_banner{ min-width:800px; _width:expression((document.documentElement.clientWidth||document.body.clientWidth)<800?"800px":"");HEIGHT: 500px} .bannerBox {POSITION: relative;} #big_img {HEIGHT: 500px} #small_img {POSITION: absolute; left:0px;TOP: -35px; width:100%} #small_imgs {WIDTH: 200px; margin:0 auto;PADDING-left:100px;} #small_imgs a {PADDING-LEFT: 3px; PADDING-RIGHT: 0px; FLOAT: left;} #small_imgs a .img { WIDTH: 13px; PADDING: 3px; HEIGHT: 13px; CURSOR: pointer;BACKGROUND: url(../images/ban_bt.png) no-repeat center center;} #small_imgs a .img IMG {WIDTH: 13px; HEIGHT: 13px;} #small_imgs a .active {BACKGROUND: url(../images/ban_bt1.png) no-repeat center center;} .nTab{width:874px; float:left;overflow:hidden;} .none {display:none;} .nTab .TabTitle{ background:url(../images/newbg.png) top repeat-x; height:60px;} .nTab .TabTitle span{float:right; margin-top:20px; margin-right:10px;} .nTab .TabTitle li{float:left;cursor:pointer;height:50px;line-height:50px;text-align:center;width:177px; font-size:16px;} .nTab .TabTitle li a{text-decoration:none;} .nTab .TabTitle .active{ color:#fff; height:50px; background:url(../images/newhover.png) center bottom no-repeat;} .nTab .TabTitle .normal{color:white;} .nTab .TabContent{clear:both;overflow:hidden;padding:5px 0px;display:block;} .News_l{width:177px; float:left;} .News_r{width:680px; float:right;} .News_r a{ font-weight:bold;} .News_r font{background:url(../images/time.png) left center no-repeat; padding-left:20px; color:red;} .News_r .N_t a{font-size:14px; font-weight:bold; color:#333;} .News_r .N_t a:hover{color:#f60;} .News_r .N_c{line-height:24px; margin-bottom:10px;} .header{ margin-left:140px; padding-top:70px;} .header #nav{float:left;} .header .sup{z-index:1;position:relative;width:120px;float:left;height:30px; } .header .sup:hover{background:url(../images/nav_over.jpg) no-repeat center bottom} .header .sup>A{text-align:center;line-height:24px;display:block;font-family:"微软雅黑";color:#333;font-size:14px;font-weight:bold} .header .sup.current>A{color:#d80f0f} .header .sup>A:hover{text-decoration:none; } .header .sub{position:absolute;padding-bottom:22px;padding-left:22px;width:455px;padding-right:22px;background:#f5f7fa;visibility:hidden;border-top:white 1px solid;top:30px;padding-top:22px;left:0;opacity:0;transition:all .4s .1s} .header .sup:hover .sub{visibility:visible;opacity:1} .header .sub-nav{width:80px;float:left;} .header .sub-nav LI{padding-left:0;margin-bottom:5px;background:url(../images/arrow-right.png) no-repeat left center}.header .product .sub-nav{width:125px} .header .sub-nav LI A{color:#333} .header .sub-nav LI A:hover{color:#f60;} .header .content{border-left:#e1e3e6 1px solid;padding-left:14px;width:178px;float:left;color:#737373} .header .content>IMG{width:178px;max-width:none;float:left;max-height:none;margin-right:10px} #menu { CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; HEIGHT:48px;position: relative; } #menu DL { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 155px; PADDING-TOP: 0px; POSITION: relative; } #menu DL DT { PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 155px; PADDING-TOP: 0px; HEIGHT:48px;background:url(../images/mid.png) right center no-repeat; } #menu DL DT A { PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 14px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 155px; COLOR: #fff; font-family:"Microsoft yahei"; PADDING-TOP: 0px; HEIGHT: 48px; TEXT-ALIGN: center; } #menu DL DT A:hover { COLOR: #fff; background:url(../images/tophover.png) repeat-x; } #menu DL DT A.current { COLOR: #fff; background:url(../images/tophover.png) repeat-x; } #menu DL DD { PADDING-RIGHT: 0px; DISPLAY: none; PADDING-LEFT: 0px; Z-INDEX: 200; BACKGROUND: #fff; FILTER: alpha(opacity=90); PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 0px; OVERFLOW: hidden; WIDTH: 155px; PADDING-TOP: 0px; POSITION: absolute; -moz-opacity: .9; opacity: 0.9; height:24px; line-height:24px; } #menu DL UL { BORDER-RIGHT:#ccc 1px solid; PADDING-RIGHT: 2px; BORDER-TOP:#ccc 1px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; MARGIN: 0px; BORDER-LEFT: #ccc 1px solid; WIDTH: 155px; PADDING-TOP: 2px; BORDER-BOTTOM: #ccc 1px solid; LIST-STYLE-TYPE: none } #menu DL LI { BORDER-BOTTOM: #fff 1px solid; margin:0px; padding:0px; } #menu DL DD A { PADDING-RIGHT: 5px; DISPLAY: block; PADDING-BOTTOM: 3px; MARGIN: 0px; WIDTH: 145px; COLOR: #333; PADDING-TOP: 3px; TEXT-DECORATION: none;TEXT-ALIGN: center } #menu DL DD A:hover { COLOR: #ffffff; BACKGROUND-COLOR:#00ae4c;TEXT-ALIGN: center } .accordion { margin:0px; padding:5px; border:1px solid #dddddd; } .accordion .link { cursor: pointer; display: block; height:40px; line-height:40px; color: #4D4D4D; padding-left:50px; font-size: 14px; font-weight: 700; background:url(../images/dian.png) 30px center no-repeat; border-bottom:1px dotted #ddd; position: relative; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .accordion li:last-child .link { border-bottom: 0; } .accordion li i { position: absolute; top: 16px; left: 12px; font-size: 18px; color: #595959; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .accordion li i.fa-chevron-down { right: 12px; left: auto; font-size: 16px; } .accordion li.open .link { color: #b63b4d; } .accordion li.open i { color: #b63b4d; } .accordion li.open i.fa-chevron-down { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } /** * Submenu -----------------------------*/ .submenu { display: none; background: #fff; font-size: 14px; } .submenu li { } .submenu a { display: block; text-decoration: none; padding-left:50px; height:28px; line-height:28px; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; } .submenu a:hover { color: #F60; }